Analysis on the implementation principle of the online wysiwyg html editor, WYSIWYG Analysis
Nowadays, website development is more and more advocating user experience and providing more and more convenient tools for users. The online HTML Content
Date: 2013-5-1 Source: gbin1.com
Online Demo
If you are looking for a boostrap HTML Rich Text Editor, we recommend a simple Rich Text Editor-Bootstrap-WYSIWYG.Main features
5 KB
Automatic hotkey support (MAC and Windows)
Drag-and-drop insertion of images. images can be uploaded (photos can be taken on mobile phones)
Support voice input (chrome Support)
All
Online WYSIWYG HTML Editor's realization Principle analysis
This article mainly introduces the realization principle of the WYSIWYG HTML editor on line, this article uses initialization, open editing function, get editor content,
What you want is the WYSIWYG HTML editor, which requires a few basic steps in simple terms:
1, you need an edit box that you can edit and display the effect. TextArea, it can only be used to enter plain text, can not display color, italic, such as text styles, like Notepad.
You can use IFRAME to implement, modify the DesignMode property of the IFRAME so that it
This article mainly introduces how the wysiwyg html editor works, this article describes the basic implementation principles of the online editor through initialization, opening the editing function, obtaining the content of the editor, adding style settings, and further ste
This article mainly introduces how the wysiwyg html editor works, this article describes the basic implementation principles of the online editor through initialization, opening the editing function, obtaining the content of the editor, adding style settings, and further ste
the four channels individually.public static System.Windows.Media.Color Pick () { System.Windows.Media.Color col = new System.Windows.Media.Color ( ); using (System.Windows.Forms.ColorDialog ColorDialog = new System.Windows.Forms.ColorDialog ()) { Colordialog.allowfullopen = true; Colordialog.fullopen = true; System.Windows.Forms.DialogResult result = Colordialog.showdialog (); if (result = = System.Windows.Forms.DialogResult.OK) { col. A =
HtmlDocEdit, a WYSIWYG micro HTML editor, is produced by NirSoft.
When we introduced FileTypesMan, we found a WYSIWYGHTMLEditor is the simplestHTMLEditor. The latest version is 1.02.
Offline programs are not edited online. For green software, the configuration is also written into the. cfg file in the folder where the main program is located;
It is easy to use.
Http://www.geniisoft.com/showcase.nsf/WebEditors
Ttw ("through the Web") WYSIWYG web editors-the list
Browsers (assumed version): Firefox 1.0 +, Internet Explorer 5.5 +, Mozilla 1.3 +, Netscape 7.0 +, opera 6.0 +, Safari
ND = Lotus Notes/Domino, x = XHTML, t = customizable toolbar, A = API available,: Green = Yes, red = No, white = not determined yet, so E-mai
1. CKEditorFCKeditor is a WYSIWYG text editor that specializes in using open source code on a Web page. It is focused on lightweighting and does not require too complicated installation steps to be used. It can be combined with different programming languages such as PHP, JavaScript, ASP, ASP, ColdFusion, Java, and ABAP. ldquo; ldquo; in the name of fckeditorrdqu
First look at the effect:
Hallo.js is a simple rich-text web editor based on the jquery UI and utilizes HTML5 's contenteditable to achieve WYSIWYG. The goal is not to replace today's very popular editors, such as TINYMCE or Aloha Editor, but rather to provide a simpler and more enjoyable user-editing experience for
Hallo. js is a simple Rich Text Editor. Based on the jQueryUI component, it uses the contentEditable function of HTML5 to implement the instant editing function. Its main purpose is to provide a good writing experience for Hallo. if you are interested in js, refer to the following to see the results:
Hallo. js is a simple rich text Web editor based on jQuery UI
Content Tools is a JavaScript library for building WYSIWYG editor (WYSIWYG). The Contenttools WYSIWYG editor can be added to any HTML page in just a few simple steps. There are step-by-step guides, common usage scenarios, and more
Bootstrap Rich Text Editor-bootstrap-wysiwyg,-bootstrap-wysiwyg
During the input of an English question, the following questions are frequently asked:
My friend watches dragon boat races at the Dragon Boat Festival. (ask the underlined part)
-- _______ Is the Double Ninth Festival?
-- It is in October.
In the above question, we need to find a rich text
How to use the Bootstrap-wysiwyg text editor, give full play to the editor's advantages, I hope you can have some harvest.
Main Features:Super Small 5kbAutomatic hotkey Support (Mac and Windows)Drag and drop Insert picture, support picture upload (support mobile phone photo)Support for sound input (chrome support)Allow custom toolbars to use all bootstrap content, fontsDo not use any of the coerced style
First, Introduction
Features: WYSIWYG, support pictures and Flash, toolbar free configuration, easy to use
Compatibility: IE 5.5+, Firefox 1.5+, Safari 3.0+, Opera 9.50+, Netscape 7.1+, Camino 1.0+
Maturity: Widely used, by Baidu, Csdn and other selected
Second, downloadOfficial Downloads Home: http://www.fckeditor.net/download/, current version is 2.5.1
Need to download FCKeditor 2.5.1 (fckeditor_2.5.1.zip) and Fckeditor.java (Fckeditor-2.3.zip)
T
In the entry of English test questions, because English questions often have similar questions as follows:My friend watches dragon Boat races at the Dragon boat Festival. (Ask a question in the dash section)--_______ is the Double ninth Festival?--it is in October.In the above topic, we need to look for a rich text editor capable of editing the underline, and in order to speed up the editing, can be used in the entry of the question of several pattern
Wysiwygeditor
Friday 4 March 2005 @ AM
Joe integrated the powerful WYSIWYG editor, WYSIWYG, into the wp1.5 background, which can work on IE and Firefox, making blogging easier, the only bug is that it cannot be well integrated and previously published using the default WP background.ArticleWhen modifying previous articles,Source codeWe recommend that you use
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.